<html lang="zh"><head>
    <meta charset="UTF-8">
    <title>我的消息 - 校园交易墙</title>
    <link rel="stylesheet" href="/campustradingwall_war_exploded/css/layout.css">
    <link rel="stylesheet" href="/campustradingwall_war_exploded/css/user-dashboard.css">
</head>
<body>




<header class="main-header">
    <h1>沈阳工程学院二手交易市场</h1>
    <div class="header-user-actions">


                <a href="/campustradingwall_war_exploded/user/profile" class="header-link">
                    <img src="/campustradingwall_war_exploded/uploads/avatars/3_1749299526941_adbdac3fe0b3ccdf18dcbe541ae5515.jpg" alt="头像" class="header-avatar">
                    <span>李沂杭</span>
                </a>
                <a href="/campustradingwall_war_exploded/user/messages" class="header-link message-notification">
                    我的消息

                </a>
                <a href="/campustradingwall_war_exploded/logout" class="header-link">退出登录</a>



    </div>
</header>

<div class="main-container">




<aside class="sidebar">
    <div class="sidebar-header">
        <h3>导航菜单</h3>
    </div>
    <nav class="sidebar-nav">
        <a href="/campustradingwall_war_exploded/" class="">首页</a>




                <a href="/campustradingwall_war_exploded/user/profile" class="">用户中心</a>
                <a href="/campustradingwall_war_exploded/user/products" class="">我的商品</a>
                <a href="/campustradingwall_war_exploded/user/orders" class="">我的订单</a>
                <a href="/campustradingwall_war_exploded/user/messages" class="active">我的消息</a>


    </nav>
</aside>

    <main class="content-area">
        <div class="page-title">
            <h2>我的消息</h2>
        </div>





        <div class="profile-section">
            <div class="tab-container">
                <div class="tab-nav">
                    <button class="tab-btn active" onclick="openTab(event, 'received')">收到的消息</button>
                    <button class="tab-btn" onclick="openTab(event, 'sent')">发送的消息</button>
                </div>

                <div id="received" class="tab-content active" style="display: block;">
                    <h3>收到的消息</h3>



                            <p class="info-message">您还没有收到任何消息。</p>


                </div>

                <div id="sent" class="tab-content" style="display: none;">
                    <h3>发送的消息</h3>



                            <p class="info-message">您还没有发送任何消息。</p>


                </div>
            </div>
        </div>
    </main>
</div>

<script>
    function openTab(evt, tabName) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tab-content");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tab-btn");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(tabName).style.display = "block";
        evt.currentTarget.className += " active";
    }

    // 默认显示收到的消息
    document.addEventListener("DOMContentLoaded", function() {
        document.querySelector(".tab-btn").click();
    });
</script>


 </body></html>